<!DOCTYPE html>
<html lang="en">

<head>
  <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>京东超市-品类齐全-正品行货-精致服务</title>
  <link rel="stylesheet" href="../css/iconfont.css" />
  <link rel="stylesheet" href="../css/footer.css">
  <link rel="stylesheet" href="../css/reset.css" />
  <link rel="stylesheet" href="../css/index.css" />
  <link rel="stylesheet" href="../css/swiper-bundle.min.css">
  <script src="../js/swiper-bundle.min.js"></script>
  <script src="../js/jquery-1.11.3.js"></script>
  <script src="../js/index.js"></script>
</head>
<body>
  <!-- 顶部导航栏 -->
  <nav>
    <div class="nav">
      <ul class="fl">
        <li>
          <i class="iconfont icon-shouye"></i>
          <a href="./index.html">京东首页</a>
        </li>
      </ul>
      <ul class="fr">
        <li class="notlogin">
          <a href="login.html"> 你好,&nbsp;请登录</a>&nbsp;&nbsp;&nbsp;<a href="register.html" class="style-red">免费注册</a>
        </li>
        <li class="islogin ">
          <div class="icon-plus-state2 " style="position: relative;">
            <a class="islogin_name"></a>
            <i class="icon-plus-nickname"></i>
            <i class="iconfont icon-xiangxiajiantou"></i>
          </div>
          <div class="islogin_dorp">
            <img src="https://passport.jd.com/new/misc/skin/df/i/no-img_mid_.jpg" alt="">
            <i class="icon-plus-nickname" style="position: absolute;top: 15px; left: 90px; "></i>
            <a class="fl">开通plus会员省1012元每年</a>
            <button class="islogin_exit fr">退出</button>
          </div>
        </li>
        <li class="splicer"></li>
        <li><a>我的订单</a></li>
        <li class="splicer"></li>
        <li id="ttbar-myjd">
          <div>
            <a href="">我的京东</a><i class="iconfont icon-xiangxiajiantou"></i>
          </div>
          <div class="dropdown-layer">
            <ul class="list1 clearfix">
              <li><a href="">待处理订单</a></li>
              <li><a href="">我的回答</a></li>
              <li><a href="">返修退换货</a></li>
              <li><a href="">我的关注</a></li>
              <li><a href="">降价商品</a></li>
            </ul>
            <ul class="list2 clearfix">
              <li><a href="">我的京豆</a></li>
              <li><a href="">我的白条</a></li>
              <li><a href="">我的优惠券</a></li>
              <li><a href="">我的理财</a></li>
            </ul>
          </div>
          <div></div>
        </li>
        <li class="splicer"></li>
        <li><a href="">京东会员</a></li>
        <li class="splicer"></li>
        <li><a href="">企业采购</a></li>
        <li class="splicer"></li>
        <li id="ttbar-myjd1">
          <div>
            <a href="">客户服务</a><i class="iconfont icon-xiangxiajiantou"></i>
          </div>
          <div class="dropdown-layer1">
            <ul class="list1 clearfix">
              <p>客户</p>
              <li><a href="">帮助中心</a></li>
              <li><a href="">售后服务</a></li>
              <li><a href="">在线客服</a></li>
              <li><a href="">电话客服</a></li>
              <li><a href="">客服邮箱</a></li>
            </ul>
            <ul class="list2 clearfix">
              <p>商户</p>
              <li><a href="">合作招商</a></li>
              <li><a href="">成长中心</a></li>
              <li><a href="">商家帮助</a></li>
              <li><a href="">成长平台</a></li>
              <li><a href="">规则平台</a></li>
            </ul>
          </div>
        </li>
        <li class="splicer"></li>
        <li><a href="">网站导航</a></li>
        <li class="splicer"></li>
        <li><a href="">手机京东</a></li>
        <a href="">网站无障碍</a>
      </ul>
    </div>
  </nav>
  <!-- 搜索部分 -->
  <div class="has_qrcode clearfix">
    <div class="logo-2014">
      <a href="" class="logo"></a>
      <div class="logo-dropdwon clearfix">
        <div class="dropdown-loacte fl">
          <ul class="dropdown-wrap fl">
            <li class="dropdown-box">
              <div class="dizhi">
                <span>河南</span>
                <i class="iconfont icon-xiangxiajiantou"></i>
                <div class="diming">
                  <ul class="di_ite clearfix">
                    <!-- <li><a>北京</a></li> -->
                  </ul>
                </div>
              </div>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <div class="search-2014">
      <div class="form">
        <input type="text" name="" id="" class="txt" />
        <button class="butt">搜索</button>
      </div>
      <div class="hotwords">
        <a href="">满199减100</a>
        <a href="">健康守护</a>
        <a href="">中外美酒</a>
        <a href="">个人护理</a>
      </div>
    </div>
    <div id="settleup-2014">
      <div class="cw-icon">
        <i class="ci-left"></i>
        <i class="ci-count">0</i>
        <a href="./cart.html">我的购物车</a>
      </div>
    </div>
    <div id="qrcode">
      <a href="" class="qrcode-lk">
        <i class="qrcode-bg"></i>
        <span>扫码享受优惠</span></a>
      <div class="qrcode-big">
        <img
          src="https://qrimg.jd.com/https%3A%2F%2Fh5.m.jd.com%2Frn%2F3LmeNuQDfT1nN8qZS4jZoZQMFeV7%2Findex.html-110-1-4-0.png?v=1"
          alt="" />
      </div>
    </div>
  </div>
  <!-- 主体部分 -->
  <main>
    <div class="chaoshi">
      <!-- 超市分类 -->
      <div class="chaoshi-muen">
        <div class="grid-cl clearfix">
          <ul class="grid-cl-left clearfix fl">
            <li class="chaoshi-muen_list fl">
              <i class="chaoshi-muen_list_split"></i>
              <a href="./index.html" class="chaoshi-muen_list_title chaoshi-muen_list_title_hover">京东超市</a>
            </li>
            <li class="chaoshi-muen_list fl">
              <i class="chaoshi-muen_list_split"></i>
              <a href="./list.html" class="chaoshi-muen_list_title">山姆会员店</a>
            </li>
            </li>
            <li class="chaoshi-muen_list fl">
              <i class="chaoshi-muen_list_split"></i>
              <a href="./list.html" class="chaoshi-muen_list_title">超值贩量</a>
            </li>
            </li>
            <li class="chaoshi-muen_list fl">
              <i class="chaoshi-muen_list_split"></i>
              <a href="#" class="chaoshi-muen_list_title">京东生鲜</a>
            </li>
            </li>
            <li class="chaoshi-muen_list fl">
              <i class="chaoshi-muen_list_split"></i>
              <a href="#" class="chaoshi-muen_list_title ">品牌特卖</a>
            </li>
            </li>
            <li class="chaoshi-muen_list fl">
              <i class="chaoshi-muen_list_split"></i>
              <a href="#" class="chaoshi-muen_list_title">品质进口</a>
            </li>
            </li>
          </ul>
          <ul class="grid-cl-right clearfix fr">
            <li class="chaoshi_menu_right_item fl ">
              <i class="chaoshi_menu_right_item_icon "></i>
              <span class="chaoshi_menu_right_item_title">满99元包邮</span>
            </li>
            <li class="chaoshi_menu_right_item fl">
              <i class="chaoshi_menu_right_item_icon"
                style="background: url(https://img12.360buyimg.com/cms/jfs/t5464/344/2422426436/707/47720902/591aa62aN516cd9c6.png);"></i>
              <span class="chaoshi_menu_right_item_title">100%渠道保证</span>
            </li>
          </ul>
        </div>
      </div>
      <!-- 分类加轮播图 -->
      <div class="chaoshi_banner_wrapper clearfix">
        <!-- 左边分类部分-->
        <div class="chaoshi_banner_nav">
          <div class="chaoshi_nav_header">
            京东超市分类频道
          </div>
          <div class="chaoshi_nav_body">
            <div class="item">
              <div class="item_header">
                <h3 class="item_title">食品饮料
                  <i class="item_icon">></i>
                </h3>
                <p class="item_txt">
                  <a href="./list.html">休闲食品</a>
                  <a href="./list.html">牛奶</a>
                  <a href="./list.html">饮料</a>
                </p>
              </div>
              <div class="item_body">
                <ul class="item_body_list clearfix">
                  <li class="item_body_item fl">
                    <div class="body_header">食用油</div>
                    <div class="body_title">
                      <a href="./list.html">花生油</a>
                      <a href="./list.html">大豆油</a>
                      <a href="./list.html">玉米油</a>
                      <a href="./list.html">葵花籽油</a>
                      <a href="./list.html">调和油</a>
                      <a href="./list.html">草油</a>
                      <a href="./list.html">菜籽油</a>
                    </div>
                  </li>
                  <li class="item_body_item fl">
                    <div class="body_header">食用油</div>
                    <div class="body_title">
                      <a href="./list.html">花生油</a>
                      <a href="./list.html">大豆油</a>
                      <a href="./list.html">玉米油</a>
                      <a href="./list.html">葵花籽油</a>
                      <a href="./list.html">调和油</a>
                      <a href="./list.html">草油</a>
                      <a href="./list.html">菜籽油</a>
                    </div>
                  </li>
                  <li class="item_body_item fl">
                    <div class="body_header">男士专区</div>
                    <div class="body_title">
                      <a href="./list.html">面部护理</a>
                      <a href="./list.html">洗发护理</a>
                      <a href="./list.html">身体护理</a>
                      <a href="./list.html">剃须</a>
                      <a href="./list.html">男士套装</a>
                    </div>
                  </li>
                  <li class="item_body_item fl">
                    <div class="body_header">身体护肤</div>
                    <div class="body_title">
                      <a href="./list.html">沐浴露</a>
                      <a href="./list.html">润肤</a>
                      <a href="./list.html">手足</a>
                    </div>
                  </li>
                  <li class="item_body_item fl">
                    <div class="body_header">香水</div>
                    <div class="body_title">
                      <a href="./list.html">女士香水</a>
                      <a href="./list.html">男士香水</a>
                      <a href="./list.html">q版香水</a>
                      <a href="./list.html">香水套装</a>
                    </div>
                  </li>
                </ul>
              </div>
            </div>
            <div class="item">
              <div class="item_header">
                <h3 class="item_title">
                  食用油
                  <i class="item_icon">></i>
                </h3>
                <p class="item_txt">
                  <a href="">食用油</a>
                  <a href="">米面</a>
                  <a href="">厨房调味</a>
                </p>
              </div>
            </div>
            <div class="item">
              <div class="item_header">
                <h3 class="item_title">个人护理
                  <i class="item_icon">></i>
                </h3>
                <p class="item_txt">
                  <a href="">洗发护发</a>
                  <a href="">身体</a>
                  <a href="">口腔</a>
                </p>
              </div>
            </div>
            <div class="item">
              <div class="item_header">
                <h3 class="item_title">护肤美妆
                  <i class="item_icon">></i>
                </h3>
                <p class="item_txt">
                  <a href="">面部护肤</a>
                  <a href="">脸部</a>
                  <a href="">男士</a>
                </p>
              </div>
            </div>
            <div class="item">
              <div class="item_header">
                <h3 class="item_title">家居清洁
                  <i class="item_icon">></i>
                </h3>
                <p class="item_txt">
                  <a href="">纸巾湿品</a>
                  <a href="">桌子</a>
                  <a href="">饮料</a>
                </p>
              </div>
            </div>
            <div class="item">
              <div class="item_header">
                <h3 class="item_title">母婴用品
                  <i class="item_icon">></i>
                </h3>
                <p class="item_txt">
                  <a href="">纸尿裤</a>
                  <a href="">奶粉</a>
                  <a href="">小推车</a>
                </p>
              </div>
            </div>
            <div class="item">
              <div class="item_header">
                <h3 class="item_title">中外名酒
                  <i class="item_icon">></i>
                </h3>
                <p class="item_txt">
                  <a href="">白酒</a>
                  <a href="">红酒</a>
                  <a href="">啤酒</a>
                </p>
              </div>
            </div>
            <div class="item">
              <div class="item_header">
                <h3 class="item_title">京东生鲜
                  <i class="item_icon">></i>
                </h3>
                <p class="item_txt">
                  <a href="">橙子</a>
                  <a href="">奇异果</a>
                  <a href="">车厘子</a>
                </p>
              </div>
            </div>
            <div class="item">
              <div class="item_header">
                <h3 class="item_title">居家生活
                  <i class="item_icon">></i>
                </h3>
                <p class="item_txt">
                  <a href="">桌子</a>
                  <a href="">五金</a>
                  <a href="">支架</a>
                </p>
              </div>
            </div>
          </div>
        </div>
        <!-- 中间轮播部分 -->
        <section class="chaoshi_banner_pic fl">
          <!-- 轮播图 -->
          <div class="chaoshi_banner_lb">
            <div class="swiper mySwiper swiper1">
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <img
                    src="https://img10.360buyimg.com//babel/jfs/t1/176299/14/21640/169478/61a87133E05e2edc6/fa615968acb25ff1.jpg!q80.webp"
                    alt="">
                </div>
                <div class="swiper-slide"><img
                    src="https://img11.360buyimg.com//babel/jfs/t1/217999/10/6326/57578/61a73100E47b5f123/8936c685d4aba228.jpg!q80.webp"
                    alt=""></div>
                <div class="swiper-slide"><img
                    src="https://img12.360buyimg.com//babel/jfs/t1/205348/20/16781/77896/61a5bab1E817d5dd5/66f9f520e30dbd2e.jpg!q80.webp"
                    alt=""></div>
                <div class="swiper-slide"><img
                    src="https://img13.360buyimg.com//babel/jfs/t1/223072/2/4600/172174/61a832f5E1909042e/f84975b23d779937.jpg!q80.webp"
                    alt=""></div>
                <div class="swiper-slide"> <img
                    src="https://img14.360buyimg.com//babel/jfs/t1/133445/39/25565/184590/61a42cddEf7bfaa3d/179a7748ddfd5048.jpg!q80.webp"
                    alt=""></div>
                <div class="swiper-slide"><img
                    src="https://img10.360buyimg.com//babel/jfs/t1/172393/3/19406/184144/60ebc80fEa43486a8/bdad8a59a044ddae.jpg!q80.webp"
                    alt=""></div>
              </div>
              <div class="swiper-button-prev"></div>
              <div class="swiper-button-next"></div>
            </div>
          </div>
          <!-- 轮播图底部图片 -->
          <div class="chaoshi_banner_bottom">
            <li class="banner_bottom_item fl">
              <img
                src="https://img10.360buyimg.com//babel/jfs/t1/174845/34/11281/7370/60ab5adfE28fbf546/4ac7cd3d8020a404.jpg!q80.webp"
                alt="">
            </li>
            <li class="banner_bottom_item fl">
              <img
                src="https://img10.360buyimg.com//babel/jfs/t1/175323/37/10683/48949/60a6316dEafd7e7b6/33267288c489106b.jpg!q80.webp"
                alt="">
            </li>
          </div>
        </section>
        <!-- 右边 -->
        <article class="chaoshi_right fr">
          <!-- 右边部 -->
          <div class="chaoshi_right_t">
            <p>每日领劵</p>
            <p>总有你想要的</p>
            <div class="chaoshi_right_t_con">
              <div>
                <p>￥<span>200</span></p>
                <p>满249元可用</p>
                <p class="cs_rt_t_num">
                  仅可购买个人护理商品
                </p>
              </div>
              <p href="" class="cs_rt_t_more">
                更多好劵
              </p>
            </div>
          </div>
          <!-- 右边轮播部分 -->
          <div class="chaoshi_right_b">
            <h4 class="cs_rt_b_h"></h4>
            <p class="cs_rt_b_tip">
              小物件 大用途
            </p>
            <div class="cs_rt_b_banner">
              <div class="swiper mySwiper swiper2">
                <div class="swiper-wrapper wrapper1">
                  <div class="swiper-slide"><img
                      src="https://img10.360buyimg.com/jdcms/s200x200_jfs/t3193/128/570521359/167034/ac7c131f/57ba73c2Nc58281d1.jpg!q80.webp"
                      alt=""></div>
                  <div class="swiper-slide"><img
                      src="https://img11.360buyimg.com/jdcms/s200x200_jfs/t3808/307/102665948/123584/298ee860/58075ab6N4c20a87f.jpg!q80.webp"
                      alt=""></div>
                  <div class="swiper-slide"><img
                      src="https://img12.360buyimg.com/jdcms/s200x200_jfs/t3154/4/348474326/105192/77dc7f92/57b2c8e6Nba6d1c96.jpg!q80.webp"
                      alt=""></div>
                  <div class="swiper-slide"><img
                      src="https://img13.360buyimg.com/jdcms/s200x200_jfs/t4180/246/3168905280/177092/13d17ebc/58dca858Nc29da1fe.jpg!q80.webp"
                      alt=""></div>
                </div>
                <div class="swiper-pagination"></div>
              </div>
              <a href="" class="cs_rt_b_rnter">
                进入>
              </a>
            </div>
          </div>
        </article>
      </div>
      <!-- 超值贩量部分 -->
      <div class="chaoshi_discount bb">
        <div class="chaoshi_mode_head">
          <h3 class="chaoshi_mode_head_title">超值贩量</h3>
        </div>
        <ul class="chaoshi_discount_big clearfix cdb">
          <!-- <li class="J_goods_item cdb_item">

            <div class="cdb_bd">
              <a href="" class="cdb_pic">
                <img
                  src="https://img10.360buyimg.com/jdcms/s300x300_jfs/t1/155747/1/13802/111791/6045bf4cE3b8eded9/c058b188acb7d3a9.jpg!q80.webp"
                  alt=""
                />
              </a>
              <a href="" class="cdb_name">
                外婆心 重庆小面166g*5份 非油炸重庆麻辣小面 重庆特产方便速食
                带调料麻辣小面830g
              </a>
            </div>
            <div class="cdb_ft clearfix">
              <div class="cdb_ft_l fl">
                <p class="cdb_ft_l_price">
                  量贩版: &nbsp;<span>￥39.90</span>
                </p>
              </div>
              <a class="cdb_add_cart fr">
                <i class="cdb_add_icon"></i>
                加入购物车
              </a>
            </div>
          </li> -->
        </ul>
        <div class="chaoshi_discount_small ">
          <div class="chaoshi_discount_small_list">
            <ul class="chaoshi_discount_s_item">
              <!-- <li class="chaoshi_discount_list">
                <img src="https://img10.360buyimg.com/jdcms/s260x260_jfs/t1/68639/37/12785/174244/5da0027fE01c73a2c/c8ed3f38e3af22cb.jpg!q80.webp" alt="">
                <a class="cs_di_title">
                  花王 纸尿裤 XL44片
                </a>
                <span class="cs_di_price">
                  ￥109.00
                </span>
                <a class="">
                  <i class="cs_di_add_icon"></i>
                </a>
              </li> -->
            </ul>
          </div>
          <div class="chaoshi_discount_small_ri">
            <img src="https://img11.360buyimg.com/cms/jfs/t6088/323/323152927/21007/38d86be9/5927d7bfNbc6beebd.png"
              alt="">
          </div>
        </div>
      </div>
      <!-- 热卖商品 -->
      <div class="chaoshi_hot_buy bb">
        <div class="chaoshi_mode_head">
          <h3 class="chaoshi_mode_head_title">热卖商品</h3>
        </div>
        <div class="chaoshi_hot_buy_list">
          <div class="swiper mySwiper swiper3" id="swiper_container">
            <div class="swiper-wrapper" id="swiper2">
              <!-- <div class="swiper-slide" style="width:240px" >
          <div class="cs_buy_list">
            <img src="https://img13.360buyimg.com/n2/jfs/t7852/219/1910955190/255075/e66f619b/59a3be83N67d92648.jpg!q80.webp" alt="">
            <p class="">蓝月亮 亮白增艳洗衣液（自然清香）3kg/瓶（新老包装随机发货）</p>
            <span class="">￥29.90</span>
            <em>￥29.90</em>
          <button class="cs_buy_add">
            <i class="cs_buy_add_icon"></i>
            <strong>加入购物车</strong>
          </button>
        </div>
      </div> -->
            </div>
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
          </div>
        </div>
      </div>
      <!-- 奶制品 -->
      <div class="chaoshi_milk bb">
        <div class="chaoshi_mode_head">
          <h3 class="chaoshi_mode_head_title">奶制品</h3>
        </div>
        <div class="chaoshi_milk_bd">
          <div class="chaoshi_bd_left">
            <img
              src="https://img10.360buyimg.com//babel/jfs/t1/107205/13/4867/25245/5e251480Edf3a2734/c6025bc95cdae7bc.jpg!q80.webp"
              alt="">
            <div class="cs_bd_l_b">
              <div class="cs_bd_l_b_con">
                <a href="./list.html">早餐奶</a>
                <a href="./list.html">纯牛奶</a>
                <a href="./list.html">风味奶</a>
                <a href="./list.html">酸奶</a>
                <a href="./list.html">成人奶粉</a>
                <a href="./list.html">乳酸菌</a>
                <a href="./list.html">欧德姆</a>
                <a href="./list.html">蒙牛</a>
              </div>
            </div>
          </div>
          <ul class="chaohi_bd_right">
          </ul>
        </div>
      </div>
      <!-- 奶制品 -->
      <div class="chaoshi_milk bb">
        <div class="chaoshi_mode_head">
          <h3 class="chaoshi_mode_head_title">京东生鲜</h3>
        </div>
        <div class="chaoshi_milk_bd">
          <div class="chaoshi_bd_left">
            <img
              src="https://img10.360buyimg.com//babel/jfs/t1/22504/4/8462/10394/5c762edfEf5ebd4fd/c2cd5809f09f2b74.jpg!q80.webp"
              alt="">
            <div class="cs_bd_l_b">
              <div class="cs_bd_l_b_con">
                <a href="./list.html">早餐奶</a>
                <a href="./list.html">纯牛奶</a>
                <a href="./list.html">风味奶</a>
                <a href="./list.html">酸奶</a>
                <a href="./list.html">成人奶粉</a>
                <a href="./list.html">乳酸菌</a>
                <a href="./list.html">欧德姆</a>
                <a href="./list.html">蒙牛</a>
              </div>
            </div>
          </div>
          <ul class="chaohi_bd_right">
          </ul>
        </div>
      </div>
      <!-- 奶制品 -->
      <div class="chaoshi_milk bb">
        <div class="chaoshi_mode_head">
          <h3 class="chaoshi_mode_head_title">冲制茶饮</h3>
        </div>
        <div class="chaoshi_milk_bd">
          <div class="chaoshi_bd_left">
            <img
              src="https://img10.360buyimg.com//babel/jfs/t1/31192/34/10213/62323/5cadd694Ec06c3dfa/49dbab364ed539c4.jpg!q80.webp"
              alt="">
            <div class="cs_bd_l_b">
              <div class="cs_bd_l_b_con">
                <a href="./list.html">早餐奶</a>
                <a href="./list.html">纯牛奶</a>
                <a href="./list.html">风味奶</a>
                <a href="./list.html">酸奶</a>
                <a href="./list.html">成人奶粉</a>
                <a href="./list.html">乳酸菌</a>
                <a href="./list.html">欧德姆</a>
                <a href="./list.html">蒙牛</a>
              </div>
            </div>
          </div>
          <ul class="chaohi_bd_right">
          </ul>
        </div>
      </div>
      <!-- 猜你喜欢 -->
    </div>
  </main>
  <!-- 底部 -->
  <footer class="footer">
    <div class="footer_h">
      <div class="f_w">
        <ul class="f_w_logo">
          <li class="f_w_item">
            <i></i>
            品类齐全，轻松购物
          </li>
          <li class="f_w_item">
            <i></i>
            多仓齐发，极速配送
          </li>
          <li class="f_w_item">
            <i></i>
            正品行货，精致服务
          </li>
          <li class="f_w_item">
            <i></i>
            天天低价，畅选无忧
          </li>
        </ul>
      </div>
    </div>
    <div class="footer_list">
      <div class="f_l_w">
        <div class="f_l_list">
          <dl class="f_l_item">
            <dt>购物指南</dt>
            <dd>购物流程</dd>
            <dd>会员介绍</dd>
            <dd>生活旅行/团购</dd>
            <dd>常见问题</dd>
            <dd>大家电</dd>
            <dd>联系客服</dd>
          </dl>
          <dl class="f_l_item">
            <dt>配送方式</dt>
            <dd>上门自提</dd>
            <dd>211限时达</dd>
            <dd>配送服务查询</dd>
            <dd>配送收费标准</dd>
            <dd>海外配送</dd>
          </dl>
          <dl class="f_l_item">
            <dt>支付方式</dt>
            <dd>货到付款</dd>
            <dd>在线支付</dd>
            <dd>分期付款</dd>
            <dd>公司转账</dd>
          </dl>
          <dl class="f_l_item">
            <dt>售后服务</dt>
            <dd>售后政策</dd>
            <dd>价格保护</dd>
            <dd>退款说明</dd>
            <dd>返修/退换货</dd>
            <dd>取消订单</dd>
          </dl>
          <dl class="f_l_item">
            <dt>特色服务</dt>
            <dd>夺宝岛</dd>
            <dd>DIV装机</dd>
            <dd>延保服务</dd>
            <dd>京东E卡</dd>
            <dd>京东通信</dd>
            <dd>京鱼座智能</dd>
          </dl>
        </div>
      </div>
    </div>
    <div class="footer_b">
      <div class="b">
        <a href="">关于我们</a>
        <span class="b_split">|</span>
        <a href="">联系我们</a>
        <span class="b_split">|</span>
        <a href="">联系客服</a>
        <span class="b_split">|</span>
        <a href="">合作招商</a>
        <span class="b_split">|</span>
        <a href="">商家帮助</a>
        <span class="b_split">|</span>
        <a href="">营销中心</a>
        <span class="b_split">|</span>
        <a href="">手机中心</a>
        <span class="b_split">|</span>
        <a href="">友情链接</a>
        <span class="b_split">|</span>
        <a href="">销售联盟</a>
        <span class="b_split">|</span>
        <a href="">京东社区</a>
        <span class="b_split">|</span>
        <a href="">风险监测</a>
        <span class="b_split">|</span>
        <a href="">隐私政策</a>
        <span class="b_split">|</span>
        <a href="">京东公益</a>
        <span class="b_split">|</span>
        <a href="">Engish slit</a>
        <span class="b_split">|</span>
        <a href="">media & IR</a>
      </div>
      <div class="b_list">
        <p>
          <a href="">京公网安备 11000002000088号</a>
          <span class="b_split">|</span>
          <a href="">京ICP备11041704号</a>
          <span class="b_split">|</span>
          <a href="">互联网药品信息服务资格证编号(京)-经营性-2014-0008</a>
          <span class="b_split">|</span>
          <span href="">新出发京零 &nbsp;字第大120007号</span>
        </p>
        <p>
          <a href="">
            互联网出版许可证编号新出网证(京)字150号
          </a>
          <span class="b_split">|</span>
          <a href="">出版物经营许可证</a>
          <span class="b_split">|</span>
          <a href="">网络文化经营许可证京网文[2020]6112-1201号</a>
          <span class="b_split">|</span>
          <a href="">违法和不良信息举报电话：4006561155</a>
        </p>
        <p>
          <span>Copyright © 2004 - 2021 京东JD.com 版权所有</span>
          <span class="b_split">|</span>
          <span>消费者维权热线：4006067733 &nbsp; &nbsp; <a href="">经营证照</a></span>
          <span class="b_split">|</span>
          <span>(京)网械平台备字(2018)第00003号</span>
          <span class="b_split">|</span>
          <a href="">营业执照</a>

          <span></span>
        </p>
      </div>
    </div>
  </footer>
  <!-- 固定右侧边栏 -->
  <div id="J-global-toolbar">
    <div class="jdm-toolbar-wrap J-wrap">
      <div class="jdm-toolbar-tabs">
        <div class="jd-tab-vip jd-tab">
          <a>
            <i class="tab-ico"></i>
            <em class="tab-txt">京东会员</em>
          </a>
        </div>
        <div class="jd-tab-cart jd-tab">
          <a href="./cart.html">
            <i class="tab-ico"></i>
            <em class="tab-txt">购物车</em>
          </a>
        </div>
        <div class="jd-tab-fllow jd-tab">
          <a href="">
            <i class="tab-ico jd-tab"></i>
            <em class="tab-txt">我的关注</em>
          </a>
        </div>
        <div class="jd-tab-history jd-tab">
          <a href="">
            <i class="tab-ico"></i>
            <em class="tab-txt">我的足迹</em>
          </a>
        </div>
        <div class="jd-tab-massage jd-tab">
          <a href="">
            <i class="tab-ico"></i>
            <em class="tab-txt">我的消息</em>
          </a>
        </div>
        <div class="jd-tab-jimi jd-tab">
          <a href="">
            <i class="tab-ico"></i>
            <em class="tab-txt">咨询jimi</em>
          </a>
        </div>
      </div>
      <div class="jdm-toolbar-footer">
        <div class="tab-top jd-tab" id="tab-top">
          <a>
            <i class="tab-ico"></i>
            <em class="tab-txt">顶部</em>
          </a>
        </div>
        <div class="jd-tab tab-feedback">
          <a href="">
            <i class="tab-ico"> </i>
            <em class="tab-txt">反馈</em>
          </a>
        </div>
      </div>
    </div>
  </div>
  <!-- 楼梯部分 -->
  <!-- <div id="floorNav">
    <ul>
      <li><span> 超值贩量</span></li>
      <li> <span> 热卖商品</span></li>
      <li> <span> 奶制品</span></li>
      <li style="background-color: #ffa133;color: white;">回到顶部</li>
    </ul>
  </div> -->
  <script>
    var swiper1 = new Swiper(".swiper1", {
      autoplay: {
        delay: 2000,
      },
      effect: 'fade',
      loop: true,
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },

    });
    var swiper2 = new Swiper(".swiper2", {
      pagination: {
        el: '.swiper-pagination',
        clickable: true,
      },
      autoplay: {
        delay: 2000,
      },
      effect: 'fade',
      loop: true,
    });
    for (i = 0; i < swiper2.pagination.bullets.length; i++) {
      swiper2.pagination.bullets[i].onmouseover = function () {
        this.click();
      };
    }
    // var swiper3 = new Swiper(".swiper3", {
    //  observer:true,
    //  observeParents:true,
    //   slidesPerView: 5,
    //   freeMode: true,
    //    loop: true,
    //    slidesPerGroup: 5,
    //    autoplay: {
    //   delay: 2000,
    //  },
    // });
    var swiper3 = new Swiper(".swiper3", {
    })
    swiper1.el.onmouseover = function () {
      swiper1.autoplay.stop();
    }
    swiper1.el.onmouseout = function () {
      swiper1.autoplay.start();
    }
  </script>
</body>
</html>、
205